<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" template="/layout/login.xhtml"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:s="http://jboss.com/products/seam/taglib">
	<ui:define name="body">

		<h:form>
			<h:panelGrid columns="1" styleClass="principal_acceso">
				<h:panelGrid columns="1" styleClass="registro">
					<h:panelGrid columns="1" styleClass="contenido_registro">
						<h:panelGrid columns="1">
							<h:panelGrid columns="3">
								<h:outputText value="Solicitud de nuevo registro"
									styleClass="th200_titulo" />
								<rich:spacer width="10px;"></rich:spacer>
								<h:graphicImage
									value="temas/tiki/imagenes/iconitos/userAlta.png" />
							</h:panelGrid>
							<rich:spacer height="3px;"></rich:spacer>
							<rich:separator styleClass="separadorTres"></rich:separator>
						</h:panelGrid>
						<rich:spacer height="3px;"></rich:spacer>
						<h:panelGrid columns="1">
							<h:outputText
								value="Para poder acceder a la aplicación, primero debes registrarte.
								 Escribe el nombre que quieras utilizar, tu dirección de correo electrónico y los demás 
								 detalles necesarios en el siguiente formulario."
								styleClass="th450_registro" />
						</h:panelGrid>
						<rich:spacer height="15px;"></rich:spacer>
						<h:panelGrid columns="2">
							<h:outputText value="Datos de la cuenta"
								styleClass="th150_registro" />
							<rich:spacer height="3px;"></rich:spacer>
							<rich:separator styleClass="separadorDos"></rich:separator>
						</h:panelGrid>
						<rich:spacer height="3px;"></rich:spacer>
						<h:panelGrid columns="2">
							<h:outputText value="Nombre de usuario"
								styleClass="th150_registro" />
							<h:inputText value="#{userAdmin.newUser.username}"
								styleClass="input100" />
						</h:panelGrid>
						<rich:spacer height="3px;"></rich:spacer>
						<h:panelGrid columns="1">
							<h:outputText
								value="Introduce una contraseña para tu cuenta. Se tiene en cuenta las minúsculas y 
						mayúsculas. Además, debe tener un mínimo de 4 caracteres y un máximo de 12."
								styleClass="th450_registro" />
						</h:panelGrid>
						<h:panelGrid columns="5">
							<h:outputText value="Contraseña" styleClass="th80_registro" />
							<h:inputSecret value="#{userAdmin.password}" styleClass="input75" />
							<rich:spacer width="25px;"></rich:spacer>
							<h:outputText value="Confirmar contraseña"
								styleClass="th150_registro" />
							<h:inputSecret value="#{userAdmin.confPassword}"
								styleClass="input75" />
						</h:panelGrid>
						<rich:spacer height="3px;"></rich:spacer>
						<h:panelGrid columns="1">
							<h:outputText
								value="Escribe una dirección de correo electrónico válida."
								styleClass="th450_registro" />
						</h:panelGrid>
						<h:panelGrid columns="5">
							<h:outputText value="Email" styleClass="th50" />
							<h:inputText value="#{userAdmin.email}" styleClass="input140" />
							<rich:spacer width="15px;"></rich:spacer>
							<h:outputText value="Confirmar email" styleClass="th100_registro" />
							<h:inputText value="#{userAdmin.confEmail}" styleClass="input140" />
						</h:panelGrid>
						<rich:spacer height="15px;"></rich:spacer>
						<h:panelGrid columns="2">
							<h:outputText value="Datos del usuario"
								styleClass="th150_registro" />
							<rich:spacer height="3px;"></rich:spacer>
							<rich:separator styleClass="separadorDos"></rich:separator>
						</h:panelGrid>
						<rich:spacer height="3px;"></rich:spacer>
						<h:panelGrid columns="5">
							<h:outputText value="Nombre" styleClass="th80_registro" />
							<h:inputText value="#{userAdmin.newUser.nombre}"
								styleClass="input100" />
							<rich:spacer width="15px;"></rich:spacer>
							<h:outputText value="Apellidos" styleClass="th80_registro" />
							<h:inputText value="#{userAdmin.newUser.apellidos}"
								styleClass="input150" />
						</h:panelGrid>
						<h:panelGrid columns="2">
							<h:outputText value="Dirección" styleClass="th80_registro" />
							<h:inputText value="#{userAdmin.newUser.direccion}"
								styleClass="input150" />
						</h:panelGrid>
						<h:panelGrid columns="5">
							<h:outputText value="Provincia" styleClass="th80_registro" />
							<h:selectOneMenu value="#{userAdmin.newUser.provincia}"
								styleClass="input75">
								<s:selectItems value="#{userAdmin.listaProvincias}" var="tipo"
									label="#{tipo.provincia}" noSelectionLabel="">
								</s:selectItems>
								<s:convertEntity />
								<a4j:support event="onchange" reRender="municipios"></a4j:support>
							</h:selectOneMenu>
							<rich:spacer width="15px;"></rich:spacer>
							<h:outputText value="Municipio" styleClass="th80_registro" />
							<h:selectOneMenu id="municipios"
								value="#{userAdmin.newUser.municipio}" styleClass="input150">
								<s:selectItems value="#{userAdmin.listaMunicipios}" var="tipo"
									label="#{tipo.municipio}" noSelectionLabel="">
								</s:selectItems>
								<s:convertEntity />
							</h:selectOneMenu>
						</h:panelGrid>
						<rich:spacer height="25px;"></rich:spacer>
						<h:panelGrid columns="4">
							<rich:spacer width="200px;"></rich:spacer>
							<h:panelGrid columns="1">
								<h:commandButton action="#{userAdmin.guardar()}" value=""
									styleClass="boton2 guardar" style="width:32px;"
									title="pulsa para guardar los datos de nuevo usuario" />
								<h:outputText value="Guardar" style="width:32px;"
									styleClass="boton_recordar" />
							</h:panelGrid>
							<rich:spacer width="15px;"></rich:spacer>
							<h:panelGrid columns="1">
								<h:commandButton action="#{userAdmin.cancelar()}" value=""
									styleClass="boton2 cancelar" style="width:32px;"
									title="pulsa para cancelar el registro" />
								<h:outputText value="Cancelar" style="width:32px;"
									styleClass="boton_recordar" />
							</h:panelGrid>
						</h:panelGrid>
						<rich:spacer height="75px;"></rich:spacer>
						<h:panelGrid columns="2">
							<rich:spacer width="240px;"></rich:spacer>
							<h:commandLink action="gotoIndex" value="Volver" />
						</h:panelGrid>
					</h:panelGrid>
				</h:panelGrid>
			</h:panelGrid>
		</h:form>
	</ui:define>
</ui:composition>